<template>
    <div  class="time-line">
        <div id='timeSlider'></div>
    </div>  
</template>

<script setup> 
import initTimeSlider from 'video-time-slider';
import { nextTick } from 'vue';
nextTick(()=>{
  initTimeSlider('#timeSlider',{
      speed:1,
      isInitialPlay:true,
  })
})

</script>

<style scoped>
.time-line{
    width: 100%;
}
#timeSlider{
    background: #0276CD;
    padding: 0 20px;
    height: 32px;
}
</style>
